<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<c:url value="mostrarHWF3001.html" var="ingresosSalidasGeneral"/>

    <script type="text/javascript" language="JavaScript" src="javascript/HMF2003.js"></script>
    <script type="text/javascript">
    
    var tipClieJS = "<c:out value='${sessionScope.tipClie}' />";
    
    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
    
    $(function() {
        $('span.pagelinks>a, table#dispTable>thead>tr>th>a').live('click', function(){
            $.get($(this).attr('href'), function(responseText, status, xmlHttpRequest){
                $('#displayTagDiv').html($('#displayTagDiv', responseText).html());
                }
            )            
            return false;
        })
    });
    
    function show_loading(){
            var loadingAnim = document.getElementById('loading_mostrar');  
            loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
            loadingAnim.style.display = 'block';      
    }
    
    $(document).ready(function(){        
        $("#fechadesde").datepicker();
        $("#fechahasta").datepicker();
        $("#btnGenerarReporte").live("click",(openReporte));
        $("#btnApoyoFinanciero").live("click",(openApoyoFinanciero));
        $("#btnGenerarReporteAgencias").live("click",(openReporteAgencias));
        var msg;
       //habilitar y deshabilitar el boton Mostrar lista de clientes
        $("#v_cliente").change( function(){ 
            if($("#v_cliente").val()==1 ){
              $("#opener_cliente").show();
              $("#sucursal").val("0");//setear a todos
              $("#opener_sucursal").hide();
              $("#v_punto").val("0");//setear a todos
              $("#opener_punto").hide();
              $("#cuenta").val("0");//setear a todos            
              $("#cuenta_clie").val("0");//setear a todos
              $("#opener_cuentaBanc").hide();
            }
            else{
              $("#opener_cliente").hide();
              $("#sucursal").val("0");//setear a todos
              $("#opener_sucursal").hide();
              $("#v_punto").val("0");//setear a todos
              $("#opener_punto").hide();
              $("#cuenta").val("0");//setear a todos
              $("#cuenta_clie").val("0");//setear a todos
              $("#opener_cuentaBanc").hide();
            }
        });
        
        if($("#v_cliente").val()==1)$("#opener_cliente").show();else  $("#opener_cliente").hide();
        
       //opener
        $("#opener_cliente").click(openWinClienteCorp);
        
        function openWinClienteCorp(){
                childWindowClienteCorp=window.showModalDialog('<c:url value="selecClienteCorp.html" />&accion=selecClienteC','selecClienteCorporacion',"dialogWidth:680px;dialogHeight:420px");
        }
        
        //habilitar y deshabilitar el boton Mostrar lista de puntos
        $("#v_punto").change( function(){
            if($("#v_punto").val()==1 ) $("#opener_punto").show(); 
            else $("#opener_punto").hide(); 
        });                        
        
        if($("#v_punto").val()==1)$("#opener_punto").show();else  $("#opener_punto").hide();
        $("#opener_punto").click(openWinPunto);
        
        function openWinPunto(){
               childWindowPunto=window.showModalDialog('<c:url value="selecPuntoCC.html" />&tipoPunt='+0+'&vSucursal='+$("#sucursal").val()+'&vCliente='+$("#v_cliente").val(),'selecPunto',"dialogWidth:680px;dialogHeight:420px");
        }
        
        //origen destino
        $("#v_origen").change( function(){
          if($("#v_origen").val()==2 )//boveda propia
          {
              $("#lblCuenta").text("Cuenta");
              $("#cuenta").removeAttr("disabled");
              $("#cuenta_clie").removeAttr("disabled");
              $("#tipoOperacion").removeAttr("disabled");
              $("#tipoCliente").removeAttr("disabled");
              $("#cuenta").val("0");
              $("#cuenta_clie").val("0");
              $("#opener_cuentaBanc").hide(); 
          }
          if($("#v_origen").val()==3 ){//boveda banco
              
              $("#lblCuenta").text("Banco");
              $("#cuenta").removeAttr("disabled");
              $("#cuenta_clie").removeAttr("disabled");
              var html= $("#tipoOperacion").html();
              html="<option value=''><"+"/option>"+html;
              $("#tipoOperacion").html(html);
              $("#cuenta").val("0");
              $("#cuenta_clie").val("0");
              $("#tipoOperacion").attr("disabled","disabled");
              $("#opener_cuentaBanc").hide(); 
          }
          if($("#v_origen").val()=="" ){//ninguna
              
              $("#lblCuenta").text("-");
              $("#lblBanco").text("");
              $("#cuenta").find("option[value='']").remove();
              $("#cuenta_clie").find("option[value='']").remove();
              $("#tipoOperacion").find("option[value='']").remove();
              $("#tipoCliente").attr("disabled","disabled");
              $("#banco").css("visibility", "hidden");
              $("#opener_cuentaBanc").hide(); 
              $("#cuenta").val("0");
              $("#cuenta_clie").val("0");
              var html= $("#tipoOperacion").html();
              html="<option value=''><"+"/option>"+html;
              $("#tipoOperacion").html(html);
              
              if($("#cuenta").html()!=null){
                var html2= $("#cuenta").html();
                html2="<option value=''><"+"/option>"+html2;
                $("#cuenta").html(html2);
                $("#cuenta").attr("disabled","disabled");
              }
              if($("#cuenta_clie").html()!=null){
                var html2= $("#cuenta_clie").html();
                html2="<option value=''><"+"/option>"+html2;
                $("#cuenta_clie").html(html2);
                $("#cuenta_clie").attr("disabled","disabled");
              }
              
              $("#tipoOperacion").attr("disabled","disabled");
         }        
        });
        
        // SUCURSAL********************************************************************************************************************************
        $("#sucursal").change(function(){
            if($("#sucursal").val()==1 ){
                 $("#opener_sucursal").show();
                 
                 $("#v_punto").val("0");//setear a todos
                 $("#opener_punto").hide();
    
                 if($("#v_origen").val()==2){//BOVEDA PROPIA
                    $("#cuenta").val("0");//setear a todos
                    $("#cuenta_clie").val("0");//setear a todos
                    $("#opener_cuentaBanc").hide();
                 }
            }
            else{
             $("#opener_sucursal").hide();
             $.get("<c:url value='selecSucursal.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});  
             $("#v_punto").val("0");//setear a todos
             $.get("<c:url value='selecPuntoCC.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});  
             $("#opener_punto").hide();
               if($("#v_origen").val()==2 || $("#v_origen").val()==3){//2:BOVEDA PROPIA 3:BOVEDA BANCO
                $("#cuenta").val("0");//setear a todos
                $("#cuenta_clie").val("0");//setear a todos
                $("#opener_cuentaBanc").hide();
                $.get("<c:url value='selecCuentaIS.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});  
                $.get("<c:url value='selecBanco.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});  
                
               }
            }
            if($("#cuenta").val()==1 ) $("#opener_cuenta").show(); 
        });
        
        if($("#sucursal").val()==1) $("#opener_sucursal").show();else $("#opener_sucursal").hide();
        
        // CUENTA********************************************************************************************************************************
        $("#cuenta").change(function(){
            $("#messageCuenta").html("");
            if($("#cuenta").val()==1 ) $("#opener_cuentaBanc").show(); 
            else $("#opener_cuentaBanc").hide(); 
        });                  
        
        if($("#cuenta").val()!=null)
        if($("#cuenta").val()==1)$("#opener_cuentaBanc").show();else  $("#opener_cuentaBanc").hide();
        
        $("#cuenta_clie").change(function(){
            $("#messageCuenta").html("");
            if($("#cuenta_clie").val()==1 ) $("#opener_cuentaBanc").show();
            else $("#opener_cuentaBanc").hide();
        });
        
        if($("#cuenta_clie").val()!=null)
        if($("#cuenta_clie").val()==1)$("#opener_cuentaBanc").show();else  $("#opener_cuentaBanc").hide();
       
        $("#banco").change( function(){ 
            if($("#banco").val()==1 ){
                $("#opener_banc").show();
            }
            else $("#opener_banc").hide(); 
        });
        
        if($("#banco").val()==1)$("#opener_banc").show();else  $("#opener_banc").hide();
        $("#opener_cuentaBanc").click(openWinCuentaBanc);
        
        function openWinCuentaBanc(){
               if($("#v_origen").val()==3 )//boveda banco
               {
                 childWindowCuentaBanc=window.showModalDialog('<c:url value="selecBanco.html" />&v_cliente='+$("#v_cliente").val(),'selecBanco',"dialogWidth:680px;dialogHeight:420px");
               }
               else if($("#v_origen").val()==2 )//boveda propia
               {
                 childWindowCuentaBanc=window.showModalDialog('<c:url value="selecCuentaIS.html" />&v_sucursal='+$("#sucursal").val()+'&v_cliente='+$("#v_cliente").val(),'selecCuentaIS',"dialogWidth:680px;dialogHeight:420px");
               }
        }
        
        $("#opener_banc").click(openWinBanc);
        
        function openWinBanc(){
                 childWindowBanc=window.showModalDialog('<c:url value="selecBanco.html" />&v_cliente='+$("#v_cliente").val(),'selecBanco',"dialogWidth:680px;dialogHeight:420px");
        }
        // U.M ********************************************************************************************************************************
        $("#tipoUnidMone").change(
            function(){ $("#message").html("");
                        if($("#tipoUnidMone").val()!="") 
                            $("#opener_um").show();
                        else $("#opener_um").hide(); }
        );                        
        if($("#tipoUnidMone").val()!="")$("#opener_um").show();else $("#opener_um").hide();
        
        //TIPO DE CLIENTE********************************************************************************************************************************
         $("#tipoCliente").change(
            function(){ 
                  if($("#tipoCliente").val()=="1") {
                      $("#lblBanco").text("Banco");
                      $("#banco").css("visibility", "visible");
                      $("#banco").val("0");
                  }
                  else {
                      $("#lblBanco").text("");
                      $("#banco").css("visibility", "hidden");
                      $("#opener_banc").hide();
                      $("#banco").val("0");
                  }
            }
        );     
        
        //CLIENTE BANCO********************************************************************************************************************************
        $("#clienteBanco").change(
            function(){ $("#message").html("");if(  $("#clienteBanco").val()=="2" ) $("#opener_cliente_banco").show();
                        else $("#opener_cliente_banco").hide(); }
        );                        
        if($("#clienteBanco").val()=="2")$("#opener_cliente_banco").show();else $("#opener_cliente_banco").hide();
        
        //OPENERS********************************************************************************************************************************
        $("#opener_sucursal").click(openWinSucursal);
        $("#opener_um").click(openWinUM);
        $("#opener_cliente_banco").click(openWinCliente);
        
        //OTROS********************************************************************************************************************************
        $( "#dialog,#mygrid_container" ).dialog({autoOpen: false,height: 700,width: 345,modal: false});
        $( "#dialog" ).dialog({autoOpen: false,height: 600,width: 500,modal: false});

        /*Solo para bancos, habilitar automaticamente boveda Propia - REQ1888*/
        if (tipClieJS==1){
          $("#lblCuenta").text("Cuenta");
          $("#cuenta").removeAttr("disabled");
          $("#cuenta_clie").removeAttr("disabled");
          $("#tipoOperacion").removeAttr("disabled");
          $("#tipoCliente").removeAttr("disabled");
          $("#cuenta").val("0");
          $("#cuenta_clie").val("0");
          $("#opener_cuentaBanc").hide();             
        }
        
    }); /*FIN DOCUMENT READY*/
    
    function cambioTipoCliente(){
        if ($("#tipoCliente").val()==1){
                $("#tdTituloCliente").css('display','block');
                $("#tdContenidoCliente").css('display','block');
        }
        else{
                $("#tdTituloCliente").css('display','none');
                $("#tdContenidoCliente").css('display','none');
        }
    }
    
    function openWinSucursal(){  
        childWindow=window.showModalDialog('<c:url value="selecSucursal.html" />&v_cliente='+$("#v_cliente").val(),'selecSucursal',"dialogWidth:550px;dialogHeight:400px;center:yes;status:no;help:yes;resizable:no");   
    }
    

    function openWinUM(){
        $("#message").html("");
        childWindow=window.showModalDialog('<c:url value="selecUnidMoneMultiSucu.html" />&tipoUnidMone='+ document.forms[0].tipoUnidMone.value+'&cuenta='+$("#cuenta").val()+'&cliente='+$("#v_cliente").val()+'&sucursal='+$("#sucursal").val(),'selecUM',"dialogWidth:560px;dialogHeight:400px;center:yes;status:no;help:yes;resizable:no");        
    }
    
    function openWinCliente(){
        $("#message").html("");
        childWindow=window.showModalDialog('<c:url value="selecClienteBanco.html" />','selecUM',"dialogWidth:560px;dialogHeight:400px;center:yes;status:no;help:yes;resizable:no");        
    }  
  
    function validar(){
        $('#messageReporte').html("");

        if( $('#sucursal').val() == "0" ) {    
            $('#messageReporte').html("Seleccione sucursal");
            $('#sucursal').focus();
            return false;
        } 
        if( $('#tipoUnidMone').val() == "" ) {    
            $('#messageReporte').html("Seleccione Unidad Monetaria");
            $('#tipoUnidMone').focus();
            return false;
        } 
        if( $('#fechadesde').val() == "" ) {    
            $('#messageReporte').html("Ingrese la Fecha inicio");
            $('#fechadesde').focus();
            return false;
        }  
        if( $('#fechahasta').val() == "") {
            $('#messageReporte').html("Ingrese la Fecha Fin");
            $('#fechahasta').focus();
            return false;
        }
        return true;
    }
   
    function mostrar() {
         $("#messageReporte").html("");
        
         if ($("#v_origen").val()==""){
           $("#messageReporte").html("Debe elegir un origen/destino");
           return false;
         }
         if ($("#tipoUnidMone").val()==""){
           $("#messageReporte").html("Debe elegir una Unidad Monetaria");
           return false;
         }
          if($("#fechadesde").val()==""){
                $("#messageReporte").html("Seleccione fecha inicio");
                $("#fechadesde").focus();
                return false;
            } 
            if($("#fechahasta").val()==""){
                $("#messageReporte").html("Seleccione fecha fin");
                $("#fechahasta").focus();
                return false;
            }
         msg=checkDate1(document.forms[0].fechadesde);
          if(msg != "") {
              $("#messageReporte").html(msg);
              $("#fechadesde").focus();
              return false;
          }
          
          msg=checkDate1(document.forms[0].fechahasta);
          if(msg != "") {
              $("#messageReporte").html(msg);
              $("#fechahasta").focus();
              return false;
          }
          
         if(validaFechaMayorNoHoy(document.forms[0].fechahasta.value)==true){
             $("#hora").val("Al Cierre");
         }
         
         msg=validaRango1(document.forms[0].fechadesde,document.forms[0].fechahasta);
          if(msg != "") {
              $("#messageReporte").html(msg);
              $("#fechahasta").focus();
              return false;
          }
         $.blockUI({ message: '<img src="imagenes/logoProcesandoRight.gif" />', css:{ backgroundColor: '#FFFFFF', color: '#fff'} });

         v_punto=$("#v_punto").val();
         banco=$("#banco").val();
         cuenta=$("#cuenta").val();
         tipoCliente=$("#tipoCliente").val();
         
         if($("#v_punto").val()==null)v_punto="";
         if($("#banco").val()==null)banco="";
         if(cuenta==null){
            cuenta=$("#cuenta_clie").val();
            if(cuenta==null){
              cuenta="";
            }  
         }
         if($("#tipoCliente").val()==null)tipoCliente="";
         $.get("<c:url value='mostrarHWF3001.html'/>",{
            accion:"mostrar",
            vCuenta:cuenta,
            vCliente:$("#v_cliente").val(),
            vSucursal:$("#sucursal").val(),
            vPunto:v_punto,
            vOrigen:$("#v_origen").val(),
            tipoOperacion:$("#tipoOperacion").val(),
            tipoUnidMone:$("#tipoUnidMone").val(),
            tipoCliente:tipoCliente,
            tipFech:$("#tipoFecha").val(),
            origen:$("#origen").val(),
            fechadesde:$("#fechadesde").val(),
            fechahasta:$("#fechahasta").val(),
            vBanco:banco
         }, 
         function(responseText, status, xmlHttpRequest){
            $('#displayTagDiv').html($('#displayTagDiv', responseText).html());
            $.unblockUI();
         });
    }
    
    function openReporte(){
         winwidth='450';
         winheight='920';
         window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
         var accion = 'mostrarReporte';
         var target = 'window1';
         document.forms[0].target = target;
         document.forms[0].accion.value = accion;
         document.forms[0].submit();
    }
    
    function openReporteAgencias(){
        if (!validar()) return false;        
        alert("El siguiente reporte solo incluye informaci\xf3n de Agencias");
        var accion = 'reporteAgencias';
        document.forms[0].target = "_self";
        document.forms[0].accion.value = accion;
        document.forms[0].submit();       
    }

    function openApoyoFinanciero(){   
        if (!validar()) return false;
        $.getJSON("<c:url value='mostrarHWF3001.html'/>", {accion : "validarReporteApoyoFinan",um: $('#tipoUnidMone').val(),cuentaVal: $('#cuenta').val() },function(rpta){
        if (rpta[0]!="0"){
            $('#messageReporte').html(rpta[0]);
        }
        else{
            var accion = 'reporteApoyoFinanciero';
            document.forms[0].target = "_self";
            document.forms[0].accion.value = accion;
            document.forms[0].submit();
        }
        });
    }

    function generarReporteExcel(){
        document.forms[0].desTipMovRepo.value=document.getElementById("origen").options[document.getElementById("origen").selectedIndex].text;
        document.forms[0].desUnidMoneRepo.value=document.getElementById("tipoUnidMone").options[document.getElementById("tipoUnidMone").selectedIndex].text;
        document.forms[0].origenDestino.value=document.getElementById("v_origen").options[document.getElementById("v_origen").selectedIndex].text;
        document.forms[0].desTipoFecha.value=document.getElementById("tipoFecha").options[document.getElementById("tipoFecha").selectedIndex].text;
        document.forms[0].accion.value='generarExcel';
        document.forms[0].submit();
    }
    
</script>


<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}
-->  
</style> 

<form:form modelAttribute="form" action="${ingresosSalidasGeneral}">
<form:hidden path="accion"/>
<form:hidden path ="control"/>
<form:hidden path="formulario"/>
<form:hidden path="cliente"/>
<form:hidden path="desTipMovRepo"/>
<form:hidden path="desUnidMoneRepo"/>
<form:hidden path="origenDestino"/>
<form:hidden path="desTipoFecha"/>

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
		<li>MOVIMIENTO&nbsp;DE&nbsp;INGRESOS&nbsp;Y&nbsp;SALIDAS&nbsp;-&nbsp;GENERAL </li>
		</ul>
        </td>
         <td align="left" width="80">
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
         </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco" width="100%">
         <table border="0" cellspacing="0" cellpadding="0">
         
          
          <c:if test="${sessionScope.codCorp>0}">
             <input type="hidden" id="codCorp" value="${sessionScope.codCorp}"/>
             <tr>
                <td width="60" height="23" align="left" valign="top" class="verdana10bazul">Corporaci&oacute;n</td>
                <td height="23" align="left" valign="top" class="verdana10negro"  width="240">
                  <c:out value="${sessionScope.desCorp}"/>
                </td>
                
                
                 <!-- Seccion cliente -->
             <td width="120"  height="23" align="left" valign="top" class="verdana10bazul">Cliente</td>
             <td height="23" align="left" valign="top" class="verdana10negro">
                  <form:select  cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt" path="v_cliente">
                    <form:option value="0">TODOS</form:option>
                    <form:option value="1">ALGUNOS</form:option>
                  </form:select>
                  
                   <a href="#" id="opener_cliente"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a> 
             </td>
             </tr>
          </c:if>
        
        <c:if test="${sessionScope.codCorp==0 || sessionScope.codCorp==null}">
              <form:hidden path="v_cliente"/>
         
          <tr>
              <td width="60" height="23" align="left" valign="top" class="verdana10bazul">Cliente</td>
              <td height="23" align="left" valign="top" class="verdana10negro"  width="240">
                <c:out value="${sessionScope.nombreCliente}"/>
              </td>
           </tr>
        </c:if>
 
          <!-- Muestra el grupo de clientes en caso de coorporación      -->
          <c:if test="${not empty listaClientes}">
          <input type="hidden" name="v_cliente" id="v_cliente" value="" ></input>
                  <tr>
                    <td width="61" height="23" align="left" valign="top"
                        class="verdana10bazul">Grupo Cliente</td>
                    <td width="240">
                    
                    <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="cli_grupo">                        
                                <form:option value=""></form:option>
                                <form:options items="${listaClientes}"
                                              itemValue="codCliente"
                                              itemLabel="nombre"/>
                    </form:select>                     
                    </td>
                  </tr>
                </c:if>
         
          <!-- Seccion para Sucursal-->
          
          
          <tr>
         
          <c:if test="${filtroSucuAct}">
            <td width="120" height="27" align="left" valign="middle" class="verdana10bazul">Sucursal</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro" width="240">
               <table border="0">
                <tr>
                      <c:choose>
                        <c:when test="${esSucuPrincipal}">
                            <td>
                              <div class="fondo_txtbox90">
                                  <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt" path="sucursal">
                                            <form:option value="0">TODOS</form:option>
                                            <form:option value="1">ALGUNOS</form:option>
                                  </form:select>
                                  <form:hidden path="desSucursal"/>
                              </div>
                            </td>
                            <td> <a href="#" id="opener_sucursal"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>                    
                            </td>
                        </c:when>
                        <c:otherwise>
                            <td> <form:hidden  path="desSucursal"/> ${desSucursal}
                                <form:hidden path="sucursal"/> </td>
                        </c:otherwise>
                      </c:choose>
                </tr>    
              </table>           
            </td>
           </c:if>
           
            <c:if test="${!filtroSucuAct}">
            <td width="120" height="27" align="left" valign="middle" class="verdana10bazul">Sucursal</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro" width="240">
                <table border="0">
                   <tr> <td>
                        <form:hidden path="desSucursal"/> ${desSucursal}
                        <form:hidden path="sucursal"/></td>
                  </tr>    
                </table>           
            </td>
           </c:if>
            <c:if test="${sessionScope.tipClie==2}">
                  <!-- Seccion cliente -->
             <td width="120"  height="27" align="left" valign="middle" class="verdana10bazul">Punto</td>
             <td height="27" align="left" valign="bottom" class="verdana10negro">
                  <form:select  cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt" path="v_punto">
                    <form:option value="0">TODOS</form:option>
                    <form:option value="1">ALGUNOS</form:option>
                  </form:select>
                   <a href="#" id="opener_punto"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a> 
             </td>
            </c:if>
            <c:if test="${sessionScope.codCorp>0}">
                  <!-- Seccion cliente -->
             <td width="120"  height="27" align="left" valign="middle" class="verdana10bazul">Punto</td>
             <td height="27" align="left" valign="bottom" class="verdana10negro">
                  <form:select  cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt" path="v_punto">
                    <form:option value="0">TODOS</form:option>
                    <form:option value="1">ALGUNOS</form:option>
                  </form:select>
                  
                   <a href="#" id="opener_punto"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a> 
             </td>
            </c:if>
            
          </tr>
       
         
         
         
         <!-- seccion origen destino-->
         
         <tr>
            <td width="120" height="27" align="left" valign="middle" class="verdana10bazul">Origen/Destino</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro">
                 <table border="0">
             <tr>
                <td>
                  <form:select  cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt" path="v_origen">
                    <c:if test="${sessionScope.tipClie!=1}">
                      <form:option value="">&nbsp;</form:option>
                    </c:if>
                    <form:options items="${listadoOrigenDest}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                  </form:select></td></tr></table>
                  
             </td>
             
            <td width="120" height="27" align="left" valign="middle" class="verdana10bazul"><label id="lblCuenta">-</label></td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="240">
         
            <table border="0" cellspacing="0" cellpadding="0" >
             <tr>
                <td>
                <div class="fondo_txtbox90">
                
                <c:if test="${sessionScope.tipClie==1}">
                  <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                               path="cuenta" disabled="true" >
                              <form:option value="0">TODOS</form:option>
                              <form:option value="1">ALGUNOS</form:option>
                           
                  </form:select>
                </c:if>
                
                <c:if test="${sessionScope.tipClie!=1}">
                  <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                               path="cuenta_clie" disabled="true" >
                           
                              <form:option value="0">TODOS</form:option>
                              <form:option value="1">ALGUNOS</form:option>
                           
                  </form:select>
                </c:if>
                
                 <span style="color:red;" id="messageCuenta"></span>
                </div>
                </td>
                <td>
                    <a href="#" id="opener_cuentaBanc"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                </td>
            </tr>    
            </table>           
            
            </td>
         </tr>
         
       
          
          <!-- Seccion para U.M.-->
          <tr>
            <td width="120" height="34" align="left" valign="middle" class="verdana10bazul">U. M.</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro"
                width="240">
                
           <table border="0">
             <tr>
                <td>
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipoUnidMone">                        
                            <form:option value=""></form:option>
                            <form:options items="${listadoUnidMone}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>                                     
                
            </td>
            <c:if test="${sessionScope.tipClie==1}">
            <td style="color:red;">
                <a href="#" id="opener_um"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a>
                <span id="message"><c:out value="${message}"/></span>
            </td>
            </c:if>
            </tr>
            </table>                
                          
           </td>
           
            <!-- Seccion Tipo de Operacion -->
           <td width="120"  height="34" align="left" valign="middle" class="verdana10bazul">Tipo de Operaci&oacute;n</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro"
             width="240">   
                
            <table border="0"  cellspacing="0" cellpadding="0" >
               <tr>
                <td>
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipoOperacion" disabled="true" >     
                            
                            <form:option value="0">TODOS</form:option>
                            <form:options items="${listadoTipoOperacion}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>
               </td>
               <td style="color:red;">
                   <span id="message"><c:out value="${message}"/></span>
               </td>
               </tr>
            </table>          
           </td>
           
           </tr>
          
          <!--SECCION SOLO PARA BANCOS -->
          <c:if test="${sessionScope.tipClie==1}">               
              <tr>
                <td width="120" height="34" align="left" valign="middle" class="verdana10bazul">Tipo Cliente</td>
                <td height="34" align="left" valign="bottom" class="verdana10negro"
                    width="240">   
                    
               <table border="0">
                 <tr>
                    <td>
                      <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="tipoCliente" disabled="true">                        
                                <form:option value="">TODOS</form:option>
                                <form:options items="${listadoTipCliente}"
                                              itemValue="codigo"
                                              itemLabel="descripcion"/>
                      </form:select>                                                         
                    </td>                
                 </tr>
                </table>                                              
               </td>
               
                <!-- Bancos- Solo Tip_clie=1 -->
               <td width="120"  height="34" align="left" valign="middle" class="verdana10bazul"><label id="lblBanco"></label></td>               
                <td height="34" align="left" valign="bottom" class="verdana10negro"
                 width="240">   
                    
                <table border="0">
                   <tr>
                    <td>
                    <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt; visibility:hidden"
                                path="banco" >                                     
                                <form:option value="0">TODOS</form:option>
                                <form:option value="1">ALGUNOS</form:option>
                    </form:select>
                   </td>
                   
                   <td style="color:red;">
                       <span id="message"><c:out value="${message}"/></span>
                   </td>
                   <td>
                        <a href="#" id="opener_banc"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                    </td>
                    
                   </tr>
                </table>          
               </td>               
               </tr>          
          </c:if>
          
          
          <!-- Seccion para Tipo de Fecha-->
          <tr>
            <td width="120" height="34" align="left" valign="middle" class="verdana10bazul">Tipo de Fecha</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro"
                width="240">   
                
           <table border="0">
             <tr>
             <td>
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipoFecha">                        
                            <form:options items="${listadoTipFecha}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>                                     
                
             </td>
           
            </table>                
                          
           </td>
           
           
            <td width="120" height="34" align="left" valign="middle" class="verdana10bazul">Tipo de Movimiento</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro"
             width="240">   
                
            <table border="0" cellspacing="0" cellpadding="0">
             <tr>
                <td>
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="origen">                        
                            <form:option value="0">TODOS</form:option>
                            <form:options items="${listadoOrigen}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>                                     
                
               </td>
               <td style="color:red;">
                   <span id="message"><c:out value="${message}"/></span>
               </td>
            </table>          
           </td>
           
          </tr>
          
          <tr>
           <!-- Seccion para Cliente-->
           <td style="display:none;" id="tdTituloCliente" width="120" height="34" align="left" valign="bottom" class="verdana10bazul">Cliente
            </td>
            <td style="display:none;" id="tdContenidoCliente" height="34" align="left" valign="bottom" class="verdana10negro"
                width="240">   
                
           <table border="0">
             <tr>
                <td>
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="clienteBanco">                        
                            <form:option value="">&nbsp;</form:option>
                            <form:option value="0">TODOS</form:option>
                            <form:option value="1">ALGUNOS</form:option>
                </form:select>                                     
                
            </td>
            <td style="color:red;">
                <a href="#" id="opener_cliente_banco"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a>
                <span id="message"><c:out value="${message}"/></span>
            </td>
            </table>                            
           </td>
          </tr>
    </table>
    <br>
    <table border="0" cellspacing="0" cellpadding="0">
          <!-- Seccion para Fecha-->
          <tr>
            <td height="10" align="left" valign="middle" class="verdana10bazul"
                width="118">Desde</td>
            <td height="10" align="left" valign="bottom" class="verdana10negro"
                width="636" colspan="3">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="center" valign="bottom" class="padright10"><div class="fondo_txtbox90">
                       <form:input maxlength="10" size="12" path="fechadesde"/>
                   </div></td>
                  <td class="verdana10bazul">&nbsp;&nbsp;&nbsp;Hasta&nbsp;&nbsp;&nbsp;</td>
                  <td align="center" valign="bottom" class="padright10"><div class="fondo_txtbox90">
                       <form:input maxlength="10" size="12" path="fechahasta"/>
                   </div></td>
                  <td class="verdana10bazul">&nbsp;&nbsp;&nbsp;Hora&nbsp;&nbsp;&nbsp; </td>
                  <td width="90" align="center"><div class="fondo_txtbox65">
                    <form:input maxlength="9" size="9" path="hora" 
                                    readonly="true"/></div></td>
                  <td width="140" align="right" valign="middle">
                  <input type="button" value="Mostrar" class="boton" onclick="javascript:mostrar()"/>
                  </td>
                </tr>
            </table></td>
          </tr>
        </table>
        </td>
      </tr>
        
      </table>
    <div id="displayTagDiv">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
          <tr>
            <td colspan="6" align="left">    
            <div>
                <span style="color:red;" id="messageReporte">${messageReporte}</span>
            </div>   
            </td>
          </tr>
      </table>
      <c:if test="${not empty listaIngresosSalidas || mostrarCuentas}">
      <table border="0" cellpadding="0" cellspacing="0" class="margintop20">
        <tr>
          <td width="100%">
          
              <display:table id="lista" name="listaIngresosSalidas" cellpadding="0"
                             cellspacing="0" style="width:100%" pagesize="10"    
                             export = "false"  
                             requestURI="${ingresosSalidasGeneral}"
                             class="its7">
               <tbody>

     <c:if test="${sessionScope.tipClie==1}">

                <display:column property="fecha"
                                headerClass="even" class="cellcenter"
                                title="Fecha"/>                
                <display:column property="serie"
                                headerClass="even" class="cellderecha "
                                title="Serie"/>
                <display:column property="numCmpb"
                                headerClass="even" class="cellderecha "
                                title="CS"/>
                <display:column property="desCnta"
                                headerClass="even" class="cellizquierda "
                                title="Cuenta"/>
                <display:column property="desPunt"
                                headerClass="even" class="cellizquierda"
                                title="Punto"/>
                <display:column property="envases"
                                headerClass="even" class="cellcenter"
                                title="Envases"/>
                <display:column property="tipoMov"
                                headerClass="even" class="cellcenter"
                                title="Tipo"/>
                <display:column headerClass="even" class="cellderecha "
                                title="Monto">   
                        <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${lista.monEfec}"/>
                </display:column>
                <display:column property="desSucu"
                                headerClass="even" class="cellizquierda"
                                title="Sucursal"/>
          </c:if>
          
          
          <c:if test="${sessionScope.tipClie==2}">
                <display:column property="fecha"
                                headerClass="even" class="cellcenter"
                                title="Fecha"/>
                
                <display:column property="serie"
                                headerClass="even" class="cellderecha "
                                title="Serie"/>
                <display:column property="numCmpb"
                                headerClass="even" class="cellderecha "
                                title="CS"/>
                <c:if test="${sessionScope.sessionOrigen==2}">
                <display:column property="desCnta"
                                headerClass="even" class="cellizquierda "
                                title="Cuenta"/>
                </c:if>     
                <c:if test="${sessionScope.sessionOrigen==3}">
                <display:column property="desBanco"
                                headerClass="even" class="cellizquierda "
                                title="Banco"/>
                </c:if>     
                <display:column property="desPunt"
                                headerClass="even" class="cellizquierda"
                                title="Punto"/>
                <display:column property="envases"
                                headerClass="even" class="cellcenter"
                                title="Envases"/>
                <display:column property="tipoMov"
                                headerClass="even" class="cellcenter"
                                title="Tipo"/>
                <display:column headerClass="even" class="cellderecha "
                                title="Monto">
                      <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${lista.monEfec}"/>
                </display:column>
                <display:column property="desSucu"
                                headerClass="even" class="cellizquierda"
                                title="Sucursal"/>
                                
          </c:if>
          
          <c:if test="${sessionScope.tipClie==0}">
                <display:column property="fecha"
                                headerClass="even" class="cellcenter"
                                title="Fecha"/>
                
                <display:column property="serie"
                                headerClass="even" class="cellderecha "
                                title="Serie"/>
                <display:column property="numCmpb"
                                headerClass="even" class="cellderecha "
                                title="CS"/>
                
                <display:column property="desRazoSoci"
                                headerClass="even" class="cellizquierda"
                                title="Cliente"/>
                                
                <c:if test="${sessionScope.sessionOrigen==2}">
                <display:column property="desCnta"
                                headerClass="even" class="cellizquierda"
                                title="Cuenta"/>
                </c:if>     
                <c:if test="${sessionScope.sessionOrigen==3}">
                <display:column property="desBanco"
                                headerClass="even" class="cellizquierda "
                                title="Banco"/>
                </c:if>     
                               
                <display:column property="desPunt"
                                headerClass="even" class="cellizquierda"
                                title="Punto"/>
                <display:column property="envases"
                                headerClass="even" class="cellcenter"
                                title="Envases"/>
                <display:column property="tipoMov"
                                headerClass="even" class="cellcenter"
                                title="Tipo"/>
                <display:column 
                                headerClass="even" class="cellderecha "
                                title="Monto">
                    <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${lista.monEfec}"/>
                </display:column>
                <display:column property="desSucu"
                                headerClass="even" class="cellizquierda"
                                title="Sucursal"/>
                                
          </c:if>
          
               </tbody>
              </display:table>
          </td>
        </tr>
        <tr><td>&nbsp;</td>
        </tr>
        <tr><td>
          <c:if test="${not empty listaIngresosSalidas && mostrarCuentas}">
            <table width="100%" border="0" cellpadding="0" cellspacing="0" class="its7">
            <tbody>
            <tr class="even2">
                <td width="60%" colspan="2"  class="verdana11bazul">&nbsp;</td>
                <td width="20%" class="verdana11bazul">Ingresos</td>
                <td width="20%" class="verdana11bazul">Salidas</td>
            </tr>
            <tr>
                <td width="20%" class="verdana11bazul">&nbsp;</td>
                <td width="40%" align="right" class="verdana11bazul">${desUnidMone}</td>
                <td width="20%" align="right" class="verdana11bazul">
                    <c:if test="${not empty sumaIngresos}">
                    <c:out value="${sumaIngresos}"/>
                    </c:if>
                </td>
                <td width="20%" align="right" class="verdana11bazul">
                    <c:if test="${not empty sumaSalidas}">
                    <c:out value="${sumaSalidas}"/>
                    </c:if>
                </td>
            </tr>
    
            </tbody>
            </table>
        </c:if>
        </td>
        </tr>
      </table>           
    </c:if>
    <c:if test="${not empty listaIngresosSalidas && mostrarCuentas}">
            <div class="margintop31">
                <input id="btnGenerarReporte" type="button" value="Generar Reporte" class="boton"/>
                <input id="btnGenerarExcel" type="button" value="Generar Excel" class="boton" onclick="javascript:generarReporteExcel();"/>
                <c:if test="${sessionScope.tipClie==1}">
                  <input id="btnGenerarReporteAgencias" type="button" value="Archivo de Agencias" class="boton"/>
                  <c:if test="${filtroApoyoFinanAct}">
                      <input id="btnApoyoFinanciero" type="button" value="Apoyo Financiero" class="boton"/>
                  </c:if>
                </c:if>            
            </div>
    </c:if>
    
    </div>
        
         
  </tr>
</table>
</form:form> 
